<template>
  <div class="main">
      <AllNav></AllNav>
      <AllTop></AllTop>
      <div class="list_category">
        <ul>
          <li> <router-link to="/vedio/commond">推荐</router-link> </li>
          <li> <router-link to="/vedio/predict">预告片</router-link> </li>
          <li> <router-link to="/vedio/hotjiedu">热片解读</router-link> </li>
          <li> <router-link to="/vedio/saymovie">说电影</router-link> </li>
          <li> <router-link to="/vedio/entertainment">娱乐</router-link> </li>
        </ul>
      </div>
      <router-view></router-view>
  </div>
</template>

<script>
import AllTop from "./all/AllTop.vue"
import AllNav from "./all/AllNav.vue"
export default {
    components:{
      AllTop,
      AllNav
    }
     
}
</script>

<style lang="less" scoped>
  .main{
    width: 100%;
    .list_category{
      width: 100%;

      ul{
        width: 100%;
        height: 1.12rem;
        line-height: 1.12rem;
        display: flex;
        list-style: none;
        background-color: #fff;
        li{
          margin: 0 .2133rem;
          font-size: .4267rem;
          a{
            text-decoration: none;
            &.router-link-exact-active{
              // font-size: .48rem;
              color:rgb(129, 129, 129)
            }
          }
        }
      }

    }
  }
</style>
